সিএসএস-এর !important রুল একটি বিশেষ নির্দেশনা যা একটি স্টাইল ডিক্লারেশনকে সর্বোচ্চ অগ্রাধিকার দেয়। এটি ব্যবহার করে নির্দিষ্ট একটি স্টাইলকে অন্য সকল কনফ্লিক্টিং স্টাইল থেকে প্রাধান্য দেওয়া যায়। যখন কোনো সিএসএস প্রপার্টিতে !important যোগ করা হয়, তখন তা কাসকেডিং অর্ডার এবং স্পেসিফিসিটির (specificity) সীমাবদ্ধতাগুলোকে অগ্রাহ্য করে।
!important একটি প্রপার্টির ডিক্লারেশনের শেষে যোগ করা হয়। এটি ব্রাউজারকে নির্দেশ দেয় যে, সেই প্রপার্টির স্টাইলটি সর্বোচ্চ অগ্রাধিকার দিয়ে প্রয়োগ করতে হবে। উদাহরণ:
p {
color: blue !important;
color: red;
}
উপরের উদাহরণে, প্যারাগ্রাফের (p) টেক্সটের রঙ blue হবে, কারণ color: blue !important ডিক্লারেশনটি সর্বোচ্চ অগ্রাধিকার পাবে, যদিও পরবর্তী ডিক্লারেশনে color: red দেওয়া হয়েছে।
যদিও !important শক্তিশালী এবং কার্যকর, এটি ব্যবহারে সতর্ক থাকতে হবে। অতিরিক্ত ব্যবহার কোডের রক্ষণাবেক্ষণ (maintenance) কঠিন করে তুলতে পারে। কিছু সেরা চর্চা:
<!DOCTYPE html>
<html>
<head>
<style>
div {
background-color: yellow !important;
}
#myDiv {
background-color: red;
}
</style>
</head>
<body>
<div id="myDiv">This is a div element.</div>
</body>
</html>
উপরের উদাহরণে, div-এর ব্যাকগ্রাউন্ড রঙ yellow হবে, কারণ !important ব্যবহৃত হয়েছে।
<!DOCTYPE html>
<html>
<head>
<style>
p {
font-size: 20px !important;
}
</style>
</head>
<body>
<p style="font-size: 14px;">This is a paragraph.</p>
</body>
</html>
এখানে font-size হবে 20px, কারণ !important ইনলাইন স্টাইলকে অগ্রাহ্য করেছে।
সুতরাং, !important ব্যবহারের ক্ষেত্রে সতর্কতা অবলম্বন করতে হবে। সঠিক স্টাইল হায়ারার্কি বজায় রাখাই ভালো সিএসএস লেখার চর্চা।
common.read_more
common.or
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
